<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>缘黎的博客</title>
    <link rel="stylesheet" href="../css/nav.css">
    <link rel="stylesheet" href="../css/body.css">
    <link rel="stylesheet" href="../css/blog.css">
     <!-- Font Awesome CSS -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">

</head>
<body>
    <nav>
        <div class="navtitle"><strong>缘黎</strong>|MY PROFILE</div>
        <a href="home.html">HOME</a>
        <a href="about.html">ABOUT</a>
        <a href="blog.html">BLOG</a>
        <a href="album.html">ALBUM</a>
        <a href="join.html">JOIN</a>
       
        <div class="navanim blog"></div>
        <div class="none"> <div style="text-align:center; margin: 20px;">
        <audio id="myAudio" controls style="display:none;">
            <source src="../music/00002.mp3" type="audio/mpeg">
            
        </audio>
       <button onclick="togglePlayPause()" style="font-size:40px;">
        <i id="playPauseIcon" class="fa-sharp fa-solid fa-music"></i>
    </button>
    </div></div>
    </nav>
    <div class="mid">
        
        <div class="content">
            <div class="con c1">
                <div class="imghid">
                    <div class="img"></div>
                </div>
                <div class="txt">
                	<h2>
                    <a href="https://nangongyuanli.notion.site/C-30-ccc842808db343c7a8c7f8db459bb939"  target="new front">
                                 <span class="custom-li">笔记</span>
                     </a>
                     </h2>
                    <p>&emsp;&emsp;学习到的笔记</p>
                </div>
            </div>
            <div class="con c2">
                <div class="imghid">
                    <div class="img"></div>
                </div>
                <div class="txt">
                    <h2>(可修改部分)WEB 课表</h2>
                    <p>&emsp;&emsp;(可修改部分)内容介绍</p>
                </div>
            </div>
            <div class="con c3">
                <div class="imghid">
                    <div class="img"></div>
                </div>
                <div class="txt">
                    <h2>(可修改部分)WEB 电子相册</h2>
                    <p>&emsp;&emsp;(可修改部分)内容介绍</p>
                </div>
            </div>
        </div>
        <div class="pri">
                <div class="prihead">
                    <a href="join.html"><div class="tx"></div></a>
                    <h2>缘黎</h2>
                    <p>追求飘渺的尽头吧</p>
                </div>
            <div class="tag">
                <h2>TAG</h2>
                <p>C&emsp;&emsp;C++ &emsp;C#&emsp; HTML&emsp;&emsp;CSS&emsp;&emsp;Java&emsp;&emsp;JavaScript&emsp;Unity&emsp;&emsp;UnrealEngine Python &emsp; 渲染 &emsp;gameplay</p>
            </div>
        </div>
    </div>
    <footer class="foot">
        <p></p>
        <p></p>
        <p>Cease to struggle and you cease to live</p>
    </footer>
    <script>
var audio = document.getElementById("myAudio");
var icon = document.getElementById("playPauseIcon");

function togglePlayPause() {
    if (audio.paused) {
        audio.play();
        icon.classList.remove("fa-circle-pause"); // 移除暂停图标
        icon.classList.add("fa-sharp", "fa-solid", "fa-music"); // 添加播放图标
    } else {
        audio.pause();
        icon.classList.remove("fa-sharp", "fa-solid", "fa-music"); // 移除播放图标
        icon.classList.add("fa-circle-pause"); // 添加暂停图标
    }
}
</script>
</body>
</html>